<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <title>用户登录 – 民用卫星</title>

        <link rel="stylesheet" type="text/css" href="../css/login-bot.css"  />
        

    <link rel="stylesheet" href="../css/style.css">
      <link rel="stylesheet" type="text/css" href="../css/login1.css"/>
          <style>
            body {
                padding-top: initial;
                background-image: url(../img/bg.png);
            }
            .eye{
            	position:absolute;
            	width: 30px;
            	height: 30px;
            	top: 10px;
            	right: 25px;
            	
            	
            }
            .captcha{
            	position:absolute;
            	width: 80px;
            	height: 30px;
            	top: 8px;
            	right: 25px;
            }
         
          /*  input{
            	opacity:0.4;
            	
            }*/
          .logo1{
          	position: absolute;
          	right:1px;
          	top: 200px;
          }
          .logo1 img{
          	width: 450px;
          	height: 225px;
          }
        </style>
 
</head>
    <body>
  <!-- 引入公共头部 -->
 
        <!-- 导航-->
  <input type="checkbox" id="check">
    <label for="check">
        <i id="btn"><img src="../img/menue.png"/></i>
        <i id="cancel"><img src="../img/cancel.png"/></i>
    </label>
    <div class="sidebar">

        <header>菜单</header>
        <ul>
            <li><a href="login.html"><i><img src="../img/log.png"/></i>首&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
            <li><a onclick="tip();"><i><img src="../img/log.png"/></i>主机商场</a></li>
            <li><a onclick="tip();"><i><img src="../img/log.png"/></i>帮&nbsp;&nbsp;&nbsp;&nbsp;助</a></li>
            <li><a href="#"><i><img src="../img/log.png"/></i>关于我们</a></li>
            <li><a href="#"><i><img src="../img/log.png"/></i>备&nbsp;&nbsp;&nbsp;&nbsp;案</a></li>
        </ul>
    </div>
  <!-- 主体内容 --> 
<div class="container" style="top: 400px;" >
       <div class="login-box">
            <div class="apple-btn login-apple">
                <li class="red-btn"></li>
                <li class="yellow-btn"></li>
                <li class="green-btn"></li>
            </div>
            <div class="title">Login</div>
            <div class="input">
                <input type="text" id="login-user" placeholder="用户名">
            </div>
            <div class="input">
                <input type="password" id="login-password" placeholder="密码">
                <img src="../img/eye-h.png" class="eye" id="eye" onclick="change();" />
            </div>
             <div class="input">
                <input type="text" id="yz" placeholder="验证码">
                <img class="captcha" src="../img/captcha.png"/>
            </div>
            <div class="btn login-btn" onclick="jump();">
                <span >登录</span>
            </div>
            <div class="change-box login-change">
                <div class="change-btn toSign">
                    <span>去注册</span>
                </div>
            </div>
       </div>

       <div class="sign-box">
            <div class="apple-btn sign-apple">
                <li class="red-btn"></li>
                <li class="yellow-btn"></li>
                <li class="green-btn"></li>
            </div>
            <div class="title">Sign</div>
            <div class="input">
                <input type="text" id="sign-user" placeholder="注册账号">
            </div>
            <div class="input">
                <input type="password" id="sign-password" placeholder="填写密码">
            </div>
            <div class="input">
                <input type="password" id="sign-password" placeholder="确认密码">
            </div>
              <div class="input">
                <input type="tel" id="sign-password" placeholder="密保手机">
            </div>
            <div class="btn " onclick="su();">
                <span>注册</span>
            </div>
            <div class="change-box sign-change">
                <div class="change-btn toLogin">
                    <span>去登陆</span>
                </div>
            </div>
       </div>
    </div>
<div class="logo1">
	<img src="../img/logo1.png"/>
	
</div>
<script src="../js/login1.js"></script>

   <script type="text/javascript">
 
		var input = document.querySelector('#login-password')
        var imgs = document.getElementById('eye');
         var flag = 0;
        imgs.onclick = function () {
            if (flag == 0) {
                input.type = 'text';
                eye.src = '../img/eye-l.png';//睁眼图
                flag = 1;
            } else {
                input.type = 'password';
                eye.src = '../img/eye-h.png';//闭眼图
                flag = 0;
            }
        }
        
     function jump(){
	var username = document.getElementById("login-user").value;
	var password = document.getElementById("login-password").value;
	var yan = document.getElementById("yz").value
	// if(username=="123456" && password=="123456"&&yan=="Ykdu"){
	// alert("登录成功");
	// window.location.href = "main.html";
	// return false;
	// }
	// else{
	// alert("检查账号密码验证码");
	// window.location.href= "login.html";
	// return false;
	// }
	window.location.href= "main.html";
	}
        
	function tip(){
		alert("请登录进入");
	}
	function su(){	
		var user = document.getElementById("sign-user").value;
		if(user!=''){
			alert("注册成功");
		}
	else{
		alert("用户名不能为空");
	}
	}
   </script>

</body>

</html>